<template>
  <div>
    <a-row align="middle">
      <a-col v-for="(c, index) in conditionList" v-bind:key="index" :span="4">
        <el-input
          v-bind:key="c.modelName"
          :placeholder="c.desc"
          v-model="c.modelName"
        />
      </a-col>
    </a-row>
    <el-button v-on:click="query">查询</el-button>
  </div>
</template>

<script>
export default {
  name: "Condition",
  props: {
    url: { type: String, default: "/test/all" },
    conditions: {
      type: Array,
      default: () => [
        {
          desc: "请输入姓名",
          modelName: "person"
        },
        {
          desc: "输入用户名",
          modelName: "username"
        }
      ]
    }
  },
  data() {
    return {

    };
  },
  methods: {
    query() {
    }
  }
};
</script>

<style scoped></style>
